@charset "utf-8";
@import "./var.scss";
body,div,span,i,ol,dl,ul,li,dl,dt,dd,input,button,textarea,label,img,h1,h2,h3,form,select,option,a{
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body,html{
	width: 100%;
	overflow-x: hidden;
	font: 14px/1.5 Helvetica;
	@include bc(#1c2029);
}
.hide{display: none !important}
img{
	display: block;
	outline: none;
	width: 100%;
}
i{
	font-style: normal;
}
a{
	text-decoration: none;
}
ul,dl,ol,select,option{
	list-style: none;
}
input,button,textarea{
	border: none;
	outline: none;
}
input::-ms-clear{
	display: none;
}
.main,.banner,.bg-box,.moves,.footer,.m-box{
	width: 100%;
	overflow: hidden;
}
.bg-box,.moves,.footer{
	@include bc(#1f242e);
}
.bg-box2{
	@include bc(#1a1e25);
}
.icon{
	background: url(../images/bjicon.png) center center no-repeat;
	background-size: 4.2rem 2.3rem;
}
/**
 * come back style
 */
 .c-top{
 	position: fixed;
	right: 0.2rem;
	bottom: 0.2rem;
	@include wh(1.04rem);
	background-position: -2.94rem -0.73rem;
	z-index: 9;
	display: none;
 }
/** 
 * banner style
 */
.banner{
	height: 4.2rem;
	position: relative;
	@include bc(#999);
	.login{
		@include wh(0.64rem);
		background-position: -1.12rem -1.42rem;
		position: absolute;
		top: 0.2rem;
		right: 0.2rem;
		z-index: 9;
	}
	.swiper-container{
		@include wh(100%);
	}
	.swiper-slide{
		height: 100%;
	}
	.pagination{
		position: absolute;
		width: 100%;
		bottom: 0.2rem;
		left: 0;
		overflow: hidden;
		text-align: center;
	}
	.swiper-pagination-switch{
		display: inline-block;
		@include wh(0.1rem);
		@include br(100%);
		margin-left: 0.05rem;
		@include bc(#616369);
		@include trans(0.2s);
	}
	.swiper-active-switch{
		@include bc(#fff);
	}
}
/**
 * search style
 */
.search{
	width: 6.62rem;
	height: 0.58rem;
	margin: 0 auto;
	margin-top: 0.34rem;
	@include bc(#1a1e27);
	@include br(0.29rem);
	position: relative;
	overflow: hidden;
	.s-input{
		display: block;
		width: 100%;
		height: 100%;
		line-height: 0.58rem;
		padding-left: 0.3rem;
		padding-right: 0.58rem;
		color: #4a586f;
		font-size: 0.24rem;
		@include bc(#1a1e27);
	}
	.s-btn{
		@include wh(0.58rem);
		position: absolute;
		top: 0px;
		right: 0px;
		background-position: -2.36rem -1.28rem;
		z-index: 2;
	}
}
/**
 * classify style
 */
.classify{
	width: 100%;
	height: 1.55rem;
	overflow: hidden;
	margin-top: 0.4rem;
	position: relative;
	.classify-list{
		float: left;
		width: 1.42rem;
		overflow: hidden;
		color: #7c93b8;
		text-align: center;
	}
	.list-icon{
		width: 0.84rem;
		height: 0.82rem;
		margin: 0 auto;
		background: url(../images/indexicon.png) center center no-repeat;
		background-size: 4.2rem 3.3rem;
	}
	.icon1{
		background-position: -0.02rem -0.02rem;
	}
	.icon2{
		background-position: -0.86rem -0.02rem;
	}
	.icon3{
		background-position: -1.7rem -0.02rem;
	}
	.icon4{
		background-position: -2.54rem -0.02rem;
	}
	.icon5{
		background-position: -3.38rem -0.02rem;
	}
	.icon6{
		background-position: -0.02rem -0.84rem;
	}
	.icon7{
		background-position: -0.86rem -0.84rem;
	}
	.icon8{
		background-position: -1.7rem -0.84rem;
	}
	.icon9{
		background-position: -2.54rem -0.84rem;
	}
	.icon10{
		background-position: -3.38rem -0.84rem;
	}
	.icon11{
		background-position: -0.02rem -1.66rem;
	}
	.icon12{
		background-position: -0.86rem -1.66rem;
	}
	.icon13{
		background-position: -1.7rem -1.66rem;
	}
	.icon14{
		background-position: -2.54rem -1.66rem;
	}
	.icon15{
		background-position: -3.38rem -1.66rem;
	}
	.icon16{
		background-position: -0.02rem -2.48rem;
	}
	.icon17{
		background-position: -0.86rem -2.48rem;
	}
	.icon18{
		background-position: -1.7rem -2.48rem;
	}
	.icon19{
		background-position: -2.54rem -2.48rem;
	}
	.icon20{
		background-position: -3.38rem -2.48rem;
	}
	.list-t{
		height: 0.74rem;
		line-height: 0.74rem;
		font-size: 0.24rem;
	}
}

/**
 * moves style
 */
.moves{
	margin-top: 0.1rem;
	.m-box{
		padding-bottom: 0.2rem;
		text-align: center;
	}
	.m-title{
		width: 100%;
		overflow: hidden;
		height: 1rem;
		line-height: 0.4rem;
		padding: 0.3rem 0;
	}
	.m-type{
		float: left;
		padding-left: 0.36rem;
		height: 100%;
		position: relative;
		color: #fff;
		font-size: 0.3rem;
		&:before{
			content: "";
			display: block;
			height: 100%;
			width: 0.06rem;
			position: absolute;
			@include bc(#f9d13f);
			left: 0px;
			top: 0px;
		}
	}
	.m-more,.m-edit,.all-drama{
		float: right;
		padding-right: 0.2rem;
		color: #7c93b8;
		font-size: 0.24rem;
	}
	.m-list{
		display: inline-block;
		width: 2.42rem;
		overflow: hidden;
		position: relative;
		&.m-flist{
			float: left;
		}
		&.m-elist{
			float: right;
		}
	}
	.m-img{
		width: 100%;
		height: 3.46rem;
		@include bc(#ccc);
	}
	.m-name{
		width: 100%;
		text-align: left;
		height: 0.58rem;
		line-height: 0.58rem;
		padding-left: 0.1rem;
		@include heo();
		color: #fff;
		font-size: 0.28rem;
	}
}
.get-more-data{
	display: inline-block;
	width: 100%;
	line-height: 0.4rem;
	color: #fff;
	margin-top: 15px;
}
/**
 * footer style
 */
.footer{
	text-align: center;
	color: #7c93b8;
	font-size: 0.18rem;
	padding-top: 0.5rem;
	padding-bottom: 0.26rem;
}
/**
 * move pages style
 */
.bg-box2{
	.search{
		margin-top: 0.16rem;
		margin-bottom: 0.16rem;
		@include bc(#13151c);
	}
}
.mmove{
	margin-top: 0px;
}
.move-type{
	width: 100%;
	overflow: hidden;
	height: 1rem;
	line-height: 1rem;
	padding: 0 0.2rem;
	color: #7c93b8;
	font-size: 0.24rem;
	.type-name{
		float: left;
	}
	.type-container{
		float: left;
		width: 6.6rem;
		padding-left: 0.3rem;
	}
	.slide-c{
		float: left;
		width: 1.28rem;
	}
	.swiper-slide{
		text-align: center;
	}
	.c-tag{
		display: inline-block;
		width: 1rem;
		line-height: 0.4rem;
		border: 1px solid transparent;
		@include br(0.2rem);
		&.active{
			@include bc(#000000);
			border-color: #ffc800;
			color: #ffc800;
		}
	}
}
/**
 * user center style
 */
.page-title{
	width: 100%;
	overflow: hidden;
	height: 0.9rem;
	position: relative;
	text-align: center;
	.title{
		line-height: 0.9rem;
		font-size: 0.26rem;
		color: #fff;
	}
	.c-back,.user-exit,.search-btn{
		position: absolute;
		height: 0.32rem;
		top: 50%;
		margin-top: -0.16rem;
		z-index: 9;
	}
	.c-back{
		@include wh(0.48rem);
		margin-top: -0.24rem;
		left: 0.29rem;
		background-position: -2.34rem -0.75rem;
	}
	.user-exit{
		width: 0.32rem;
		right: 0.36rem;
		background-position: -1.86rem -1.77rem;
	}
	.search-btn{
		width: 0.6rem;
		right: 0.2rem;
		line-height: 0.32rem;
		font-size: 0.28rem;
	}
}
.user-info{
	width: 100%;
	overflow: hidden;
	height: 1.6rem;
	line-height: 1.6rem;
	@include bc(#1f242e);
	margin-bottom: 0.1rem;
	.user-himg,.user-name{
		float: left;
	}
	.user-himg{
		@include wh(0.9rem);
		margin-left: 0.2rem;
		margin-top: 0.35rem;
		background-position: -0.05rem -1.28rem;
	}
	.user-name{
		padding-left: 0.38rem;
		font-size: 0.4rem;
		color: #f9d13f;
	}
}
.page-m,.user-ops,.m-comment{
	position: fixed;
	width: 100%;
	overflow: hidden;
	left: 0px;
	z-index: 99;
	
}
.page-m{
	height: 100%;
	@include bc(#000);
	@include op(0.4);
	top: 0px;
	// display: none;
}
.user-ops{
	@include bc(#1f242e);
	bottom: -100%;
	text-align: center;
	@include trans(0.3s);
	z-index: 110;
	.ops-list{
		width: 100%;
		line-height: 1.1rem;
		color: #fff;
		font-size: 0.28rem;
		border-top: 1px solid #1a1e25;
	}
}
.work-ops{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 3.46rem;
	z-index: 2;
	@include bc(#000);
	@include op(0.4);
	display: none;
	&.active{
		.ops-btn{
			@include bc(#999);
		}
	}
	.ops-btn{
		position: absolute;
		@include wh(0.32rem);
		@include br(100%);
		border: 1px solid #f9d13f;
		@include bc(#1f242e);
		left: 0.1rem;
		top: 0.1rem;
	}
}
.f-user-btn{
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	margin-top: 0.5rem;
	@include bc(#ff3636);
	color: #fff;
	text-align: center;
	font-size: 0.28rem;
	display: none;
}
/**
 * video style
 */
.video{
	width: 100%;
	overflow: hidden;
	height: 4.24rem;
	position: fixed;
	left: 0px;
	top: 0px;
	@include bc(#ccc);
	z-index: 9;
	.v-back,.v-btn,.video-ops{
		position: absolute;
		z-index: 9;
	}
	.v-back{
		@include wh(0.5rem);
		left: 0.27rem;
		top: 0.15rem;
		background-position: -2.33rem -0.74rem;
	}
	.v-btn{
		@include wh(0.8rem);
		@include cm();
		@include bc(#000);
		@include op(0.4);
		border: 1px solid #fff;
	}
	.video-box{
		@include wh(100%);
		overflow: hidden;
	}
}
.video-info{
	width: 100%;
	overflow: hidden;
	@include bc(#1f242e);
	margin-top: 4.24rem;
	position: relative;
	padding: 0.1rem 0.2rem;
	margin-bottom: 0.1rem;
	// display: none;
	.v-name{
		width: 100%;
		height: 0.62rem;
		line-height: 0.62rem;
		color: #fff;
		font-size: 0.3rem;
		font-weight: bold;
		@include heo();
	}
	.v-tag{
		height: 0.4rem;
		line-height: 0.4rem;
		color: #7c93b8;
		font-size: 0.24rem;
		.v-year{
			padding: 0 0.2rem;
		}
		.v-type{
			padding-left: 0.08rem;
		}
	}
	.v-introduce{
		width: 100%;
		overflow: hidden;
		font-size: 0.24rem;
		color: #7c93b8;
		line-height: 0.36rem;
		@include trans(0.2s);
		display: none;
		&.active{
			display: block;
		}
		.vi-title{
			color: #fff;
		}
	}
	.show-vi{
		position: absolute;
		z-index: 2;
		@include wh(0.28rem);
		right: 0.37rem;
		top: 0.5rem;
		background-position: -3.9rem -0.4rem;
		@include tr(0deg);
		&.active{
			background-position: -3.9rem -0.05rem;
		}
	}
}
.add-info{
	width: 100%;
	overflow: hidden;
	height: 0.92rem;
	line-height: 0.92rem;
	font-size: 0.24rem;
	color: #7c93b8;
	.paly-count{
		float: left;
	}
	.people-area,.p-ops{
		float: right;
	}
	.p-ops{
		width: 0.48rem;
		height: 0.44rem;
		margin-top: 0.23rem;
		line-height: 1;
	}
	.p-share,.p-follow{
		margin-right: 0.7rem;
	}
	.p-comment{
		background-position: -0.02rem -0.72rem;
	}
	.p-share{
		background-position: -1.14rem -0.72rem;
	}
	.p-follow{
		background-position: -0.57rem -0.72rem;
	}
}
.drama-box{
	width: 100%;
	overflow: hidden;
	padding: 0.14rem 0 0 0.2rem;
	.swiper-container{
		width: 100%;
		padding-bottom: 0.2rem;
		border-bottom: 1px solid #1c2029;
	}
}
.drama-list{
	float: left;
	width: 2.64rem;
	height: 1.5rem;
	margin-right: 0.04rem;
	@include bc(#181b23);
	border: 1px solid #536178;
	@include br(0.03rem);
}
.hobby-list{
	float: left;
	width: 2.8rem;
	overflow: hidden;
	padding-right: 0.12em;
	.hobby-img{
		width: 100%;
		height: 1.52rem;
		@include bc(#ccc);
	}
	.hobby-ind{
		padding-top: 0.1rem;
		padding-left: 0.08rem;
	}
	.ind-name{
		font-size: 0.26rem;
		color: #fff;
		height: 0.48rem;
		line-height: 0.48rem;
	}
	.ind-type{
		font-size: 0.24rem;
		color: #7c93b8;
		height: 0.36rem;
		line-height: 0.36rem;
	}
	.ind-name,.ind-type{
		width: 100%;
		@include heo();
	}
}
.comment-box{
	width: 100%;
	overflow: hidden;
	padding: 0 0.2rem 0.2rem 0.2rem;
	.fixed-input,.fixed-title{
		display: none;
	}
	&.comment-fixed{
		position: fixed;
		left: 0;
		top: 4.24rem;
		@include bc(#1c2029);
		z-index: 2;
		.fixed-title{
			display: block;
			width: 100%;
			overflow: hidden;
			text-align: center;
			color: #fff;
			font-size: 0.3rem;
			height: 0.95rem;
			line-height: 0.94rem;
			border-bottom: 1px solid #000;
		}
		.close-fixed-comment{
			float: right;
			padding:0 0.2rem;
			font-size: 0.4rem;
		}
		.fixed-input{
			display: block;
		}
		.comment-c{
			width: 100%;
			overflow: hidden;
			overflow-y: auto;
			-webkit-overflow-scrolling : touch;
		}
	}
	
}
.fixed-input{
	width: 100%;
	overflow: hidden;
	height: 1.3rem;
	padding: 0.2rem 0;
	.fi-v,.fi-btn{
		float: left;
	}
	.fi-v{
		width: 6rem;
		height: 0.6rem;
		line-height: 0.6rem;
		@include bc(#000);
		padding-left: 0.2rem;
		margin: 0 0.18rem;
		@include br(0.3rem);
		color: #7c93b8;
	}
	.fi-btn{
		color: #f9d13f;
		font-size: 0.28rem;
		margin-top: 0.1rem;
	}
}
.comment-list{
	width: 100%;
	overflow: hidden;
	padding-bottom: 0.1rem;
	border-bottom: 1px solid #1c2029;
	.comment-title{
		width: 100%;
		height: 0.66rem;
		line-height: 0.66rem;
		font-size: 0.24rem;
		color: #7c93b8;
	}
	.c-name{
		float: left;
	}
	.c-timer{
		float: right;
	}
	.comment-text{
		font-size: 0.28rem;
		color: #fff;
		line-height: 0.42rem;
	}
}
.m-comment{
	bottom: 0px;
	@include bc(#1c2029);
	padding: 0.18rem;
	z-index: 110;
	display: none;
	.value-box{
		width: 100%;
		height: 1.04rem;
		overflow: hidden;
		border-bottom: 1px solid #000;
	}
	.cm-value{
		@include wh(100%);
		color: #fff;
		font-size: 0.26rem;
		padding-left: 0.1rem;
		@include bc(#1c2029);
	}
	.cm-ops{
		width: 100%;
		overflow: hidden;
		height: 0.84rem;
		line-height: 0.84rem;
		color: #7c93b8;
		font-size: 0.2rem;
	}
	.words-count{
		float: left;
	}
	.submit-btn{
		float: right;
		color: #f9d13f;
		font-size: 0.28rem;
		padding-right: 0.32rem;
	}
}
.video-m{
	@include wh(100%);
	overflow: hidden;
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	@include bc(#000);
	@include op(1);
	@include trans(0.2s);
	text-align: center;
	color: #fff;
	font-size: 0.3rem;
	&.success{
		@include op(0);
	}
}
.vp-timer,.vp-progress,.vp-ctimer,.vp-screen{
	float: left;
}
.video-ops{
	width: 100%;
	height: 0.38rem;
	line-height: 0.38rem;
	@include bc(#000);
	@include op(0.4);
	left: 0rem;
	bottom: 0rem;
	color: #fff;
	font-size: 0.14rem;
}
.vp-timer{
	padding-left: 0.2rem;
	padding-right: 0.15rem;
}
.vp-ctimer{
	padding: 0 0.1rem;
}
.vp-progress{
	width: 4.72rem;
	height: 100%;
	overflow: hidden;
	position: relative;
	.pg-bg{
		width: 100%;
		height: 0.1rem;
		margin-top: 0.14rem;
		@include br(0.05rem);
		@include bc(#ccc);
		overflow: hidden;
		line-height: 1;
	}
	.pg-ranks{
		float: left;
		height: 100%;
		width: 0%;
		@include bc(#fff);
	}
	.pg-tag{
		position: absolute;
		@include wh(0.24rem);
		top: 50%;
		left: 0px;
		-webkit-transform: translate3d(0,-50%,0);
		-moz-transform: translate3d(0,-50%,0);
		-ms-transform: translate3d(0,-50%,0);
		-o-transform: translate3d(0,-50%,0);
		transform: translate3d(0,-50%,0);
		@include bc(#fff);
		@include br(100%);
		@include trans(0.1s);
		&:hover{
			@include wh(0.34rem);
		}
		&:after{
			content: '';
			display: block;
			@include wh(40%);
			@include bc(#ffd800);
			@include br(100%);
			position: absolute;
			@include cm();
		}
	}
}
.vp-screen{
	width: 0.24rem;
	height: 0.22rem;
	@include bc(red);
	margin-top: 0.07rem;
}
/**
 * page-search style
 */
.page-search,.search-container,.sc-recommend,.recommend-c,.search-result{
	width: 100%;
	overflow: hidden;
	color: #7c93b8;
}
.search-box{
	position: relative;
	width: 5.8rem;
	height: 0.58rem;
	margin: 0 auto;
	@include br(0.29rem);
	@include bc(#13151c);
	overflow: hidden;
	line-height: 0.58rem;
	margin-top: 0.16rem;
	padding: 0 0.8rem 0 0.4rem;
	.clear-text{
		position: absolute;
		@include wh(0.36rem);
		@include br(100%);
		background-position: -2.96rem -1.87rem;
		right: 0.16rem;
		top: 0.11rem;
		z-index: 2;
		display: none;
	}
	.search-value{
		@include wh(100%);
		color: #fff;
		font-size: 0.24rem;
		@include bc(#13151c);
	}
}
.recommend-title{
	width: 100%;
	overflow: hidden;
	height: 1.08rem;
	.title{
		float: left;
		height: 0.4rem;
		line-height: 0.4rem;
		position: relative;
		color: #fff;
		padding-left: 0.28rem;
		margin-top: 0.34rem;
		&:before{
			content: '';
			display: block;
			position: absolute;
			width: 0.06rem;
			height: 100%;
			left: 0;
			top: 0;
			@include bc(#fff);
		}
	}
	.delete-history{
		float: right;
		@include wh(0.3rem);
		margin-right: 0.2rem;
		margin-top: 0.39rem;
		background-position: -2.48rem -1.9rem;
	}
}
.recommend-c{
	text-align: center;
	font-size: 0.24rem;
	.recommend-tag{
		float: left;
		line-height: 0.6rem;
		padding: 0 0.3rem;
	}
}
.sr-list{
	display: inline-block;
	width: 100%;
	overflow: hidden;
	@include bc(#1f242e);
	padding: 0.3rem 0.2rem;
	margin-bottom: 0.1rem;
	.list-img{
		float: left;
		height: 2.4rem;
		width: 1.68rem;
	}
	.list-info{
		float: right;
		width: 5.26rem;
		overflow: hidden;
		text-align: left;
	}
	.info-title{
		line-height: 0.66rem;
		color: #fff;
		font-size: 0.28rem;
	}
	.info-des{
		font-size: 0.24rem;
		height: 0.6rem;
		line-height: 0.3rem;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2; 
	}
	.play-btn{
		display: inline-block;
		width: 1.78rem;
		height: 0.5rem;
		line-height: 0.5rem;
		font-size: 0.24rem;
		color: #38393B;
		@include br(0.25rem);
		margin-top: 0.32rem;
		@include bc(#f9d13f);
		text-align: center;
	}
}
/**
 * login-register
 */
.login-reg{
	position: fixed;
	z-index: 999;
	width: 6.4rem;
	overflow: hidden;
	left: 50%;
	top: 1.14rem;
	margin-left: -3.2rem;
}
.lr-c{
	width: 100%;
	overflow: hidden;
	padding: 1.1rem 0.47rem;
	@include bc(#1c2029);
	.lr-input-box{
		width: 100%;
		height: 0.8rem;
		overflow: hidden;
		@include br(0.4rem);
		@include bc(#13151c);
		margin-bottom: 0.2rem;
		position: relative;
	}
	.lr-input{
		@include wh(100%);
		padding-left: 0.26rem;
		@include bc(#13151c);
		color: #fff;
		font-size: 0.28rem;
		&::-webkit-input{
			color: #7c93b8;
		}
	}
	.lr-code{
		float: left;
		width: 60%;
	}
	.get-code{
		position: absolute;
		width: 40%;
		right: 0.2rem;
		top: 50%;
		-webkit-transform: translate3d(0,-50%,0);
		-moz-transform: translate3d(0,-50%,0);
		-o-transform: translate3d(0,-50%,0);
		-ms-transform: translate3d(0,-50%,0);
		transform: translate3d(0,-50%,0);
		color: #fff;
		font-size: 0.28rem;
		text-align: right;
	}
	.lr-tag{
		width: 100%;
		font-size: 0.22rem;
		color: #7c93b8;
		text-align: right;
	}
	.forget-pass{
		float: left;
	}
	.go-login,.go-reg{
		color: #f9d13f;
	}
	.lr-btn{
		width: 100%;
		overflow: hidden;
		height: 0.84rem;
		line-height: 0.84rem;
		text-align: center;
		font-size: 0.3rem;
		@include bc(#f9d13f);
		@include br(0.42rem);
		margin-top: 0.4rem;
	}
}
.close-login-reg{
	@include wh(0.5rem);
	margin: 0 auto;
	margin-top: 1rem;
	background-position: -1.8rem -0.75rem;
}
/**
 * share layer m style
 */
.share-m{
	position: fixed;
	z-index: 129;
	width: 100%;
	overflow: hidden;
	// height: 3.26rem;
	@include bc(#1c2029);
	left: 0;
	bottom: 0;
	.share-title,.cancel-share{
		width: 100%;
		overflow: hidden;
		height: 0.92rem;
		line-height: 0.92rem;
		font-size: 0.28rem;
		color: #fff;
		text-align: center;
	}
	.title{
		// display: inline-block;
		height: 100%;
		position: relative;
		&:after,&:before{
			content: "";
			display: block;
			position: absolute;
			width: 1.5rem;
			height: 0.02rem;
			@include bc(#fff);
			top: 50%;
			margin-top: -0.01rem;
		}
		&:after{
			left: 140%;
		}
		&:before{
			right: 140%;
		}
	}
	.share-address{
		width: 100%;
		overflow: hidden;
		text-align: center;
		padding: 0.08rem 0;
		border-bottom: 1px solid #000;
	}
	.share-c{
		display: inline-block;
		width: 1.4rem;
		overflow: hidden;
	}
	.sc-icon{
		@include wh(0.64rem);
		margin: 0 auto;
	}
	.sc-name{
		width: 100%;
		height: 0.5rem;
		line-height: 0.5rem;
		color: #677894;
		font-size: 0.2rem;
		@include heo();
	}
}
.sc-weixin{
	background-position: -0.05rem -0.05rem;
}
.sc-friends{
	background-position: -2.9rem -0.05rem;
}
.sc-qq{
	background-position: -2.2rem -0.05rem;
}
.sc-kj{
	background-position: -0.76rem -0.05rem;
}
.sc-weibo{
	background-position: -1.48rem -0.05rem;
}